“WOO Product Grid/List Design” Documentation by “AccessPress Themes” v1.0.0

“WOO Product Grid/List Design”

Created: 1/11/2019
By: AccessPress Themes
Email: support@accesspressthemes.com

Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!

Installing Instructions
WOO Product Grid/List Design Listing Page
Creating New Product Gallery
Post Settings
Layout Settings
General Settings
Product Settings
Ribbons/Banner Settings
Pagination Settings
Social Share Settings
Filter Settings
Lightbox Settings
WOO Product Grid/List Design Banner/Ribbons Settings
WOO Product Grid/List Design Settings
Shortcode Usage

A) Installing Instructions - top

Unzip woo-product-grid-list-design.zip
Upload all the files to the /wp-content/plugins/woo-product-grid-list-design
Activate the plugin through the ‘Plugins’ menu in WordPress.
For customizing the plugin’s settings, click on Product Grid/List Design menu in WordPress left admin menu.
To display the Product Gallery in the frontend, please use automatically generated shortcode from Product Grid/List Design Usages metabox.

Once the plugin is installed and activated you will find a menu named “WOO Product Grid/List Design” in the left menu bar of the admin menu. Once you click on WOO Product Grid/List Design menu, you will go to the plugin’s listing page and you will also see the add new button, once you click on that button, you will go to the WOO Product Grid/List Design page where you can create product showcase. Basically, there are nine settings to filter the posts and layouts which are individually described below.

B) WOO Product Grid/List Design Listing Page - top

WOO Product Grid/List Design Listing Page

This is the landing page for plugin. Here you can see the listing of the product showcase created. Here you can see Add new button at top of WOO Product Grid/List Design listing table.For creating a new WOO Product Grid/List Design, you will simply need to click on the Add New submenu of the WOO Product Grid/List Design menu or click on the Add new button in the WOO Product Grid/List Design’s listing table. You can add, edit or delete WOO Product Grid/List Design from here.Once you click the button, you will be redirected to the new product showcase builder page where you can add the unlimited numbers of woocommerce product’s posts.

C) WOO Product Grid/List Design builder Page - top

builder-page

From this builder page you can add woocommerce product’s posts from taxonomies,categories,terms,custom meta data,popular post and create your products by managing the required settings for the product.Below are the detail description for WOO Product Grid/List Design settings.

D)Post Settings- top

The Post Settings is used to filter the post through categories,terms,custom field,search keyword and many more.This tab includes the product type, taxonomies/categories, custom field, search keyword, popular post tab which are described below in brief:

Post Settings

Taxonomies/Categories

The Taxonomies tabs are used to filter the product post from taxonomies/categories terms which can be either single term or multiple terms. It include the following fields:

Filter Taxonomies/Categories Post: Enable to show the post associated with certain categories or taxonomies.
Taxonomy/Category Type:It is of two type: Single Taxonomy Query and Multiple Taxonomy Query. Choose Simple Taxonomy/Category Query to display post from a single taxonomy or category with single term.For example display posts tagged with bob, under people custom taxonomy. Choose Multiple Taxonomy/Category Handling to display posts from several custom taxonomies or categories.
- Simple Taxonomy/Category Query:
  - Taxonomy/Category: In this option you can select the needed category or taxonomy.Please note to select this option please select the post type first.
  - Terms: This option is used to select the terms of the above category.
- Multiple Taxonomy/Category Handling:
  - Taxonomy/Category: In this option you can select the needed category or taxonomy.Please note to select this option please select the post type first.
  - Terms: This option is used to select the terms of the above category.
  - Relation:The logical relationship between each inner taxonomy when there is more than one. Possible values are 'AND', 'OR'.
  - Add New Taxonomy condition button:This button is used to add the multiple taxonomy condition.After clicking on this button.New condition block will be added as shown in below screenshots:
    
    The Post taxonomy and trems have same functioning as above.And Operator are used to test and filter the post. Possible values are 'IN', 'NOT IN', 'AND', 'EXISTS' and 'NOT EXISTS'

Custom Fields:

WOO Product Grid/List Design Custom Field

If you want to show post associated with certain custom fields then enable this option. After enabling the following field will appear where you can choose the condition for custom field which are described as follow:

Custom Field Query Types: This option is of two types:Single Custom Field Handling,Multiple Custom Field Handling.
- Single Custom Field Handling: Display post where the meta key is 'price' and the meta value that is LESS THAN OR EQUAL TO 22 This option include the following option:
  - Meta Keys:Meta keys are Custom field key. Here you can select the already existing meta keys or you can give your own meta keys.To filter from the existing meta keys please select Pre avaliable meta keys and to filter from other meta keys please select other meta keys option.
  - Meta Value Type:The meta value type is of two type Number or string.If you want to filter the post from custom meta value through number then use Number and add the required meta value number.If you want to filter through string custom field value then select the string option and then put the string meta value in Enter meta value text.
  - Compare:This is used to compare the meta value.This is the Operator to test the 'meta_value'. Possible values are '=', '!=', '>', '>=', '<', '<=', 'LIKE', 'NOT LIKE', 'IN', 'NOT IN', 'BETWEEN', 'NOT BETWEEN', 'NOT EXISTS'.
- Multiple Custom Field Handling: Display posts that have meta key 'color' NOT LIKE value 'blue' OR meta key 'price' with values BETWEEN 20 and 100 The Meta keys,Meta Value and Compare fields has same functioning as above which is already described above. The other fields are described as follow:
  - Relation:This is used to show the relationship between each inner meta query when there is more than one. Possible values are 'AND', 'OR'.
  - Add New Meta Condition Button:This is used to add the multiple meta condition.By clicking on this button the meta condition fields will be added as shown in below screenshots.
  - The Meta keys,Meta Value and Compare fields has same functioning as above which is already described above.
  - Type: The type is Custom field type. If you want to filter the post from custom field type then enable this option.Possible values are 'NUMERIC', 'BINARY', 'CHAR', 'DATE', 'DATETIME', 'DECIMAL', 'SIGNED', 'TIME', 'UNSIGNED'.

Search Keyword:

Enable the filter keyword search to show posts based on a keyword search.

Enter keyword:Here enter the keyword to search the post that is related to the keyword for example if the keyword is Hello then it will display posts that match the search term "Hello":

E) Layout Settings- top

This layout settings are used to configure the layout types for product's post. There are two types of layout which are described as follow with it's respectives settings:

Grid:

If you have selected the grid layout then the following field can be configured:

Grid Template: This is used to selected the grid templates.Here the preview for each grid template is also avaliable.
Desktop Column: This is used to configure the required column for post to show in desktop screen.
Tablet/Ipad Column: This is used to configure the required column for post to show in tablet/ipad screen.
Mobile Column:This is used to configure the required column for post to show in mobile screen.

List:

If you have selected the list layout then the following field can be configured:

List Template: This is used to selected the list templates.Here the preview for each list template is also avaliable.
Image Position: This is used to manage the image position for list template it can be either left or right. To show the image in right side select right respectively.

F) General Settings- top

The General Settings is used for basic settings of product layout which include following fields:

Display Product Title: Enable or disable to show or hide the title of the product.
Display Product Excerpt: Enable or disable the product excerpt to show or hide the product excerpt description. After enabling the field a new field will appear where you can select the length of product descriptions to show in frontend.
Display Post Category/Taxonomy: EnablDisplay Post Category:e this to display category name in templates.
Display Product Link in Title: Enable this to show product link in the title of the product.
Display Product Link in Image: Enable this to show product link in the image of the product.
Image Size: This is used to select the image size for the templates.It include four different wordpress default image size i.e original,large,medium and thumbnail.
Image Type: This is used to select the image hover effect.If you want the default effect for image then select normal option.If you want to show the another image on hover then select swap.If you want to show larger image height which need to be scroll on hover then select the scroll.

G) Product Settings- top

The Product Settings is used for basic settings of product.

Display Price: Enable or disable to show or hide the price of the product.Then select the price type. That is actual price or sale price.
Display Wishlist Button: Enable or disable it to show or hide the wishlist button.
Call To Action Button One: Enable or disable to show or hide the button one. There are four type of button which are Product Detail link,Common Custom link,Individual Custom Link,Add to Cart.
Call To Action Button Two: Enable or disable to show or hide the button one. There are four type of button which are Product Detail link,Common Custom link,Individual Custom Link,Add to Cart.

G)Ribbon Settings- top

The Ribbon/Banner Settings is used to show the product sale or banner content.There are 6 different ribbon position with 8 ribbon templates.It include the following settings.

After enabling the ribbon position ribbon type and ribbon template will appear which are described below.

Ribbon Type: This is used to select the ribbon content.The content can be either text or icon.It is of two type text and icon.
Ribbon Template: This is used to select the ribbon template.There are 8 different ribbon template.

G)Pagination Settings- top

The Pagination settings is used to show pagination on product's post.It include the following settings.

Number of Post: This is used to select number of product to show in frontend.Here the default value is 5.

Show Pagination: This is used to show pagination.If you will check this then pagination field will appear.

Pagination:This is used to select the types of pagination.It is of three types: Standard Pagination,Load More Button,Infinite Scroll Pagination. Standard Pagination and load more button has there own templates to choose.If you will select load more button then following field will appear:
- Load More Template: This is used to select the required template for load more.
- Load More Text: This is used for the text which appear in load more button.
- Loader: This is used to show loader image before the other page images load.
The Infinite Scroll Pagination is used to show the images pagination function with scroll.Here the loader has same function as above.

This is used to show the share link for the post.You can enable the facebook,twitter,google plus,linkedin,Email,pinterest,vk share link to share the product post respectively.

H) Filter Settings- top

To show filter effect please enable the Enable filter field.Then the following field will appear:

All Items Label:This is used for all text label in filter.
Taxonomies/Categories: This is used to select the filter from category/taxonomy.Please note the taxonomy will be listed according to the post type selected in post setting block.
Terms Type:This is of two type All and Specific.Select all if you want to show filter from all terms of above selected category.Select specific to show filter from specific terms which can be choosen.
Filter Template: This is used to select the templates for filter.

The lightbox settings is used to show the product details contents in lightbox.This settings include the following settings:

Display Lightbox:Enable to show full content of product in lightbox.
Lightbox Label: This is used to enter the label for lightbox label.
Lightbox Template: This is used to select the different types of templates for lightbox.

G)WOO Product Grid/List Design Banner/Ribbon Settings- top

The WOO Product Grid/List Design Banner/Ribbon Settings is used to show the product sale or banner content individually.There are 6 different ribbon position with 8 ribbon templates.It include the following settings.

The default option will keep overall ribbon settings.The none option will not allow ribbon. After enabling the ribbon position ribbon type and ribbon template will appear which are described below.

Ribbon Type: This is used to select the ribbon content.The content can be either text or icon.It is of two type text and icon.
Ribbon Template: This is used to select the ribbon template.There are 8 different ribbon template.

G)WOO Product Grid/List Design Settings- top

The WOO Product Grid/List Design Settings is used for individual product settings for button link and gallery.

It has following settings:

Call To Action Button One Link: This is used to show the individual custom link for call to action button one
Call To Action Button Two Link: This is used to show the individual custom link for call to action button two
Upload Swap on Hover Image: This is used to show the swap image for Swap On Hover animation type.
Upload Products Gallery: This is used to show the product gallery which is used inside the lightbox.

I) Shortcode Usage- top

In WOO Product Grid/List Design Usage metabox you can get the shortcode for page and theme which you can copy & paste the shortcode directly into any WordPress post or page or theme.

AccessPress Themes

Go To Table of Contents